document.querySelector(".content .content-bd .col-main .oo-order .oo-clearfix .oo-tab-hd").onclick = (function(event){
    var element = event.target
    var colli = document.querySelectorAll(".content .content-bd .col-main .oo-order .oo-clearfix .oo-tab-hd li")
    for(var i = 0;i < colli.length;i++){
         colli[i].className = ""
         console.log(colli[i].className)
       }
       element.className = "oo-afli"
  })

    // ---------------------------------------订单预览3个状态切换隐藏浏览框---------------------------------------
document.querySelector(".content .content-bd .col-main .oo-order .oo-clearfix .oo-tab-hd #l1").onclick = function(){
     document.querySelector(".content .content-bd .col-main .oo-order .bd").style.display="block"
     document.querySelector(".content .content-bd .col-main .oo-order .bd1").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd2").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd3").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd4").style.display="none"
   }
   
   document.querySelector(".content .content-bd .col-main .oo-order .oo-clearfix .oo-tab-hd #l2").onclick = function(){
     document.querySelector(".content .content-bd .col-main .oo-order .bd").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd1").style.display="block"
     document.querySelector(".content .content-bd .col-main .oo-order .bd2").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd3").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd4").style.display="none"
   }
   
   document.querySelector(".content .content-bd .col-main .oo-order .oo-clearfix .oo-tab-hd #l3").onclick = function(){
     document.querySelector(".content .content-bd .col-main .oo-order .bd").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd1").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd2").style.display="block"
     document.querySelector(".content .content-bd .col-main .oo-order .bd3").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd4").style.display="none"
   }
   
   document.querySelector(".content .content-bd .col-main .oo-order .oo-clearfix .oo-tab-hd #l4").onclick = function(){
     document.querySelector(".content .content-bd .col-main .oo-order .bd").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd1").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd2").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd3").style.display="block"
     document.querySelector(".content .content-bd .col-main .oo-order .bd4").style.display="none"
   }
   document.querySelector(".content .content-bd .col-main .oo-order .oo-clearfix .oo-tab-hd #l5").onclick = function(){
     document.querySelector(".content .content-bd .col-main .oo-order .bd").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd1").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd2").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd3").style.display="none"
     document.querySelector(".content .content-bd .col-main .oo-order .bd4").style.display="block"
   }